<template>
  <div class="detail-tab2">
    <el-descriptions
      title="债券资料"
      class="margin-top"
      :column="2"
      size="small"
      border
    >
      <el-descriptions-item
        v-for="(item, index) in infoList"
        :span="item.span ? item.span : 1"
      >
        <template slot="label">
          <!-- <i class="el-icon-user"></i> -->
          {{ item.label }}
        </template>
        {{ item.value }}
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
import { BondDetails } from "@/api/customerManagement/bondRiskProfile.js";

export default {
  name: "DetailTab2",
  props: {
    rowData: {
      type: Object,
      default: {},
    },
    bondId: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      infoList: [
        {
          label: "债券代码",
          prop: "bondId",
          value: "",
        },
        {
          label: "债券全称",
          prop: "bondFname",
          value: "",
        },
        {
          label: "债券简称",
          prop: "bondSname",
          value: "",
        },
        {
          label: "债券类型",
          prop: "bondType",
          value: "",
        },
        {
          label: "发行规模",
          prop: "issueAmount",
          value: "",
        },
        {
          label: "发行日",
          prop: "issueDate",
          value: "",
        },
        {
          label: "上市日",
          prop: "listDate",
          value: "",
        },
        {
          label: "起息日",
          prop: "effDate",
          value: "",
        },
        {
          label: "到期日",
          prop: "maturityDate",
          value: "",
        },
        {
          label: "期限",
          prop: "termDays",
          value: "",
        },
        {
          label: "发行利率",
          prop: "issueCouponRate",
          value: "",
        },
        {
          label: "是否新劵",
          prop: "isNew",
          value: "",
        },
        {
          label: "收益水平",
          prop: "yieldLevel",
          value: "",
        },
        {
          label: "风险水平",
          prop: "riskLevel",
          value: "",
        },
        {
          label: "手续费率",
          prop: "bondFee",
          value: "",
        },
        {
          label: "息票率",
          prop: "couponRate",
          value: "",
        },
        // {
        //   label: "剩余面额",
        //   prop: "remainAmount",
        //   value: "",
        // },
        {
          label: "债券评级",
          prop: "bondRating",
          value: "",
        },
        {
          label: "发行价",
          prop: "issuePrice",
          value: "",
        },
        {
          label: "发行面额",
          prop: "issueParprice",
          value: "",
        },
        {
          label: "发行人名称",
          prop: "issuerNm",
          value: "",
        },

        // {
        //   label: "评级机构",
        //   prop: "ratingTypeOrganize",
        //   value: "",
        // },
        // {
        //   label: "评级日期",
        //   prop: "ratingDate",
        //   value: "",
        // },
        // {
        //   label: "最新评级",
        //   prop: "latestEntityRating",
        //   value: "",
        // },
        // {
        //   label: "评级展望",
        //   prop: "entityRatingForecast",
        //   value: "",
        // },
        // {
        //   label: "评级变动原因",
        //   prop: "ratingChangeReason",
        //   value: "",
        // },
        // {
        //   label: "上次评级日期",
        //   prop: "preRatingDate",
        //   value: "",
        // },
        // {
        //   label: "上次评级",
        //   prop: "preEntityRating",
        //   value: "",
        // },
        // {
        //   label: "上次评级展望",
        //   prop: "preEntityRatingForecast",
        //   value: "",
        // },
        // {
        //   label: "企业性质",
        //   prop: "entityType",
        //   value: "",
        // },
        // {
        //   label: "是否为客户",
        //   prop: "is_ctp_flag",
        //   value: "",
        // },
        // {
        //   label: "债券代码",
        //   prop: "bondId",
        //   value: "",
        // },
        // {
        //   label: "债券简称",
        //   prop: "bondSname",
        //   value: "",
        // },
        // {
        //   label: "交易市场",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "债券类型",
        //   prop: "bondType",
        //   value: "",
        // },
        // {
        //   label: "剩余年限（年）",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "发行期限（年）",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "票面利率",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "海外评级",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "发行价格",
        //   prop: "issuePrice",
        //   value: "",
        // },
        // {
        //   label: "最新评级（主体/债项）",
        //   prop: "latestEntityRating",
        //   value: "",
        // },
        // {
        //   label: "利率类型",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "发行时主体评级",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "付息频率",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "下一付息日",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "上市状态",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "距下一付息日（天）",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "计息基础",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "缴款日期",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "发行日期",
        //   prop: "issueDate",
        //   value: "",
        // },
        // {
        //   label: "超息日期",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "发行总额（亿）",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "上市日期",
        //   prop: "listDate",
        //   value: "",
        // },
        // {
        //   label: "债券余额（亿）",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "摘牌日期",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "偿付顺序",
        //   prop: "",
        //   value: "",
        // },
        // {
        //   label: "到期日期",
        //   prop: "maturityDate",
        //   value: "",
        // },
        // 一整行
        // {
        //   label: "是否城投债",
        //   prop: "",
        //   value: "",
        //   span: 2,
        // },
        // {
        //   label: "债券全称",
        //   prop: "bondFName",
        //   value: "",
        //   span: 2,
        // },
        // {
        //   label: "发行人",
        //   prop: "issuerNm",
        //   value: "",
        //   span: 2,
        // },
        // {
        //   label: "注册文件号",
        //   prop: "",
        //   value: "",
        //   span: 2,
        // },
        // {
        //   label: "托管机构",
        //   prop: "",
        //   value: "",
        //   span: 2,
        // },
        // {
        //   label: "募集资金用途",
        //   prop: "",
        //   value: "",
        //   span: 2,
        // },
      ],
    };
  },
  mounted() {},
  created() {
    this.getData();
  },
  methods: {
    async getData() {
      const params = {
        bondId: this.bondId || this.rowData.bondId,
      };
      const { data } = await BondDetails(params);
      const info = { ...data.bondInfo, ...data.bondRating };
      this.infoList.forEach((iItem) => {
        for (const key in info) {
          if (Object.hasOwnProperty.call(info, key)) {
            const element = info[key];
            if (iItem.prop === key) {
              iItem.value = element;
            }
          }
        }
      });
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .el-descriptions__title {
  color: #fff;
}
::v-deep .el-descriptions__body {
  background-color: #262d47;
  color: #ffffff;
}
::v-deep .el-descriptions .is-bordered .el-descriptions-item__cell {
  border: 1px solid #404970;
}
::v-deep .el-descriptions-item__label.is-bordered-label {
  background-color: #323b59;
  color: #ffffff;
  width: 200px;
}
</style>
